<template>
<div class="amap">
<el-amap vid="amapDemo" id="dizhi" ></el-amap>

</div>
</template>
<script>

export default {
  name: "map",
  methods: {
    address(){
     this.scrollHeight=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)
     console.log(this.scrollHeight);
    },
    dizhi(){
        var obj=document.getElementById("dizhi");
        var address=this.scrollHeight;
        obj.style.height=""+address+"px";
    } 
  },
  mounted() {
    this.address();
     this.dizhi();
    
  },
  


};
</script>

<style scoped>
#dizhi{
  width: 100%;
}
.header-abs{
      position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.4rem;
    background: rgba(0,0,0,0.4);
    z-index: 9;
}
.fa-angle-left{
    color:white;
    position: relative;
    top: 0.03rem;
    left: 0.22rem;
}

</style>

